• CSS提供決定元素合成（composited）方式的能力。
• 可以使用mix-blend-mode改變元素混合的方式。
• CSS mix-blend-mode－直接在網頁呈現Photoshop的圖層混合模式

1.加法、減法模式

• darken 變暗：前景的每個像素與背景的像素比較，對個別R、G、B值（像素組成）保留兩者較小的值
• lighten 變亮：：前景的每個像素與背景的像素比較，對個別R、G、B值（像素組成）保留兩者較大的值
• difference 差異化：：前景的每個像素與背景的像素比較，對個別R、G、B值（像素組成）保留兩者相減的值
• exclusion 排除：difference 的溫和版，公式back+fore-(2backfore)

2.乘法模式

• Multiply 色彩增值：整體效果會變暗，這個混合模式具有對稱性（前／背景交換會有相同的效果）。
• Screen 濾色：整體效果會變亮，具有對稱性。
• Overlay 覆蓋：結果會使暗部更暗、亮部更亮，不具有對稱性。

3.溫和乘法模式

• Hard Light 實光：效果看起來像是前景被用強光投影到背景上（對比會增強）
• Soft Light 柔光：效果看起來像是前景被用漫射光投影到背景上（效果比Hard Light 溫和）

4.明度調整模式

• color dodge 加亮顏色：能夠得到較亮的背景，前景值為0時，背景效果維持不變
• color burn 加深顏色：效果會變暗

5.色調、彩度調整

• hue 色相
• saturation 飽合度
• color 顏色
• iuminosity 明度